<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/base.css" rel="stylesheet" type="text/css">
    <link href="css/rr-about.css" rel="stylesheet" type="text/css">
    <script src="js/vue.js" charset="UTF-8"></script>
    <script src="js/vue-router.js" charset="UTF-8"></script>
    <script>
        window.onload=function(){
            var rr_about=Vue.extend({
                template:' <div class="rr-content-right-p">'+
                            '<p>PAYMAx为您提供一站式支付方式，通过SDK，所有交易PAYMAX为您提供一站式支付接入解决方案，'+
                            '您可任意连接PAYMAX的支付通道，并通过交易管理平台监控。</p>'+
                            '<img src="images/rr-head-img3.png" alt="">'+
                            '<div class="rr-content-right-app">'+
                            '<h3>移动APP支付:</h3>'+
                            '<span>您已经有自己的APP，您的用户选择支付按钮后，在对应的APP完成支付，在跳回您的应用。</span>'+
                            '<ul>'+
                            '<li>-APPLE PAY:只试用phone手机，在手机中完成支付。</li>'+
                            '<li>-支付宝:手机中有支付宝客户端，在手机中完成支付。</li>'+
                            '<li>-微信支付:手机中有微信客户端，在手机中完成支付。</li>'+
                            '<li>-SDK支付:用户支付无需跳转，在手机中完成支付。</li>'+
                            '</ul>'+
                            '</div>'+
                            '<div class="rr-content-right-app">'+
                                    '<h3>移动端支付:</h3>'+
                            '<span>您已经有自己的APP，您的用户选择支付按钮后，在对应的APP完成支付，在跳回您的应用。</span>'+
                            '<ul>'+
                            '<li>-APPLE PAY:只试用phone手机，在手机中完成支付。</li>'+
                            '<li>-支付宝:手机中有支付宝客户端，在手机中完成支付。</li>'+
                            '<li>-微信支付:手机中有微信客户端，在手机中完成支付。</li>'+
                            '<li>-SDK支付:用户支付无需跳转，在手机中完成支付。</li>'+
                            '</ul>'+
                            '</div>'+
                            '</div>'
            });
            var rr_contact=Vue.extend({
                template:'<div class="rr_contact-c"><ul>' +
                            '<li>tel:010-88888888</li>' +
                            '<li>email:123456@qq.com</li>' +
                            '</ul></div>'
            });
            var rr_join=Vue.extend({
                template:'<h3>加入</h3>'
            });
            var rr_news=Vue.extend({
                template:'<h3>新闻</h3>'
            });
            var App=Vue.extend({});
            var Router=new VueRouter();
            Router.map({
                '/rr_about':{
                    component:rr_about
                },
                '/rr_contact':{
                    component:rr_contact
                },
                '/rr_join':{
                    component:rr_join
                },
                '/rr_news':{
                    component:rr_news
                }
            });
            Router.start(App,'#rr_content_router');
        }
    </script>
</head>
<body>
<div class="rr-head">
    <div class="rr-head1 clearFix">
        <img class="rr-head2 fl" src="images/rr-head-img.png" width="337" alt="">
        <ul class="ul-user fr">
            <li class="rr-user3 rr-user1 fl"><a href="javascript:;">关于人人店</a></li>
            <li class="rr-user3 fl"><a href="javascript:;">商城系统</a></li>
            <li class="rr-user3 fl"><a href="javascript:;">营销平台</a></li>
            <li class="rr-user3 fl"><a href="javascript:;">媒体联盟</a></li>
            <li class="rr-user2 fl"><a class="ok1" href="javascript:;">用户中心<i></i></a>
                <div class="rr-head3">
                    <ul>
                        <li><a href="javascript:;">官网商城管理</a></li>
                        <li><a href="javascript:;">品牌综合商城</a></li>
                        <li><a href="javascript:;">品牌管理</a></li>
                        <li><a href="javascript:;">第三方营销管理</a></li>
                    </ul>
                    <img src="images/rr-head-img6.png" alt="">
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="rr-head-img">
    <!--//<img src="images/rr-head-img1.png"  alt="">-->

</div>
<div class="rr-content clearFix" id="rr_content_router">
    <div class="rr-content-left fl">
        <ul class="clearFix">
            <li class="rr-content-left-t"><a v-link="{path:'/rr_about'}">关于我们</a></li>
            <li><a v-link="{path:'/rr_contact'}">联系我们</a></li>
            <li><a v-link="{path:'/rr_join'}">加入我们</a></li>
            <li><a v-link="{path:'/rr_news'}">新闻动态</a></li>
        </ul>
        <img src="images/rr-head-img2.png" alt="">
    </div>
    <div class="rr-content-right fr">
        <router-view></router-view>
    </div>
</div>
<div class="rr-footer clearFix">
    <div class="rr-service fl">
        <a href="javascript:;"><img src="images/rr-head-img4.png" alt=""></a>
    </div>
    <div class="rr-question fl">
        <a href="javascript:;">
            <span>常见</span>
            <i>问题</i>
        </a>
    </div>
</div>
</body>
</html>